<%--
  Created by IntelliJ IDEA.
  User: Frank
  Date: 2024/9/6
  Time: 13:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<link rel="stylesheet" type="text/css" href="${path}/static/manage/css/MsgStyle.css"/>
<script src="${path}/static/manage/js/jquery-3.6.0.min.js"></script>
<script src="${path}/static/manage/js/showParking.js"></script>
<html>
<head>
    <title>Title</title>
</head>
<body>

<div class="div_container">
<table style=" margin:50px auto;" id="pageListTable">
   <thead>
   <tr>
       <th>业主姓名</th>
       <th>业主电话</th>
       <th>车牌号</th>
       <th>车位区域</th>
       <th>剩余时间(天)</th>
       <th>租借状态</th>
       <th>车位类型</th>
       <th>操作</th>
   </tr>
   </thead>
    <tbody id="pageListTableBody">
    <c:forEach items="${parkingList}" var="list">
        <form action="${path}/manage/showStatus">
            <input type="hidden" value="${list.id}" name="id">
            <tr>
                <td>${list.car.user.userName}</td>
                <td>${list.car.user.userPhone}</td>
                <td>${list.car.license}</td>
                <td>${list.region}</td>
                <td>${list.timeRemaining}</td>
                <td>${list.pkStatus}</td>
                <td>${list.parkingType.typeName}</td>
                <td><input id="exit" type="submit" value="退租"></td>
            </tr>
        </form>

    </c:forEach>
    </tbody>
    <tfoot>
    <tr><td colspan="8">
        <div id="pages" style="float: right;margin-right: 20px;">
            <span id="spanFirst">首页</span>
            <span id="spanPre">上一页</span>
            <span id="spanNext">下一页</span>
            <span id="spanLast">尾页</span>
            第<strong id="spanPageNum"></strong>页/共
            <strong id="spanTotalPage"></strong>页
        </div>
    </td>
    </tr>
    </tfoot>
</table>
</div>
</body>
</html>
